<%@page import="grupobbva.pe.operhc.domain.TipoParametro"%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ page   import="grupobbva.pe.operhc.domain.SegUsuario"%>
<%@ page   import="java.util.List"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/redmond/jquery-ui-1.8.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/operhc_style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/buttonOHC.css" />

<script type="text/javascript" src='<%= request.getContextPath()%>/dwr/interface/ParametroAction.js'></script>
<script type='text/javascript' src='<%= request.getContextPath()%>/dwr/engine.js'></script>
<script type='text/javascript' src='<%= request.getContextPath()%>/dwr/util.js'></script>
<script src="<%=request.getContextPath()%>/js/util/gridUtil.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/i18n/grid.locale-es.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/jquery.jqGrid.src.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/grid.subgrid.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/util/encabezado.js" type="text/javascript"></script>

<script type="text/javascript" charset="UTF-8">

var rutaContexto1 = location.pathname;
var rutaContexto2 = "<%=request.getContextPath()%>";
var rutaContexto  = rutaContexto1.substr(0, rutaContexto1.indexOf(rutaContexto2)) + rutaContexto2;

<%
SegUsuario usuarioSession = (SegUsuario)request.getSession().getAttribute("usuarioSession");
if(!"1".equals(usuarioSession.getAdmin())){ 
response.sendRedirect("operativizacion.jsp");
}%>

var myColNames  = ['', '', 'Código del Parámetro', 'Descripción del Parámetro', 'Valor del Parámetro', 'Código Parámetro Host', 'Orden Parámetro'];
var myDataModel = [ {name : 'codParametro', 								width : VAL_WIDTH.SMALL, hidden : true	},
                    {name : 'codParametroHdn', 	index : 'codParametroHdn', 	width : VAL_WIDTH.SMALL, hidden : true	},
                    {name : 'codParametro',		index : 'codParametro', 	width : VAL_WIDTH.SMALL			},
                    {name : 'desParametro',		index : 'desParametro',		width : VAL_WIDTH.LMED			},
                    {name : 'valParametro',		index : 'valParametro',		width : VAL_WIDTH.SMALL			},
                    {name : 'codParamHost',		index : 'codParamHost',		width : VAL_WIDTH.SMALL			},
                    {name : 'ordValParametro',	index : 'ordValParametro',	width : VAL_WIDTH.SMALL			}
                   ];

function consultar(){
	
	jQuery("#listPlazos").GridUnload();
	var formulario = document.getElementById('formParametroList');
	var codTipoParametroPadre = formulario.codTipoParametroPadre.value;
	ParametroAction.consultarAjax(codTipoParametroPadre, function(data){
		mostrarTabla(data);
	});
}

function mostrarTabla(data){
	
	$('body').append('<div id="paginador_listPlazos" class="grid"></div>'); 
	var paginador = "paginador_listPlazos";
	
	jQuery("#listPlazos").jqGrid(
	{
		beforeSelectRow: function(){},
		caption		: "Listado de Parametros",
		data 	 	: data,
		datatype 	: "local",
		height   	: "100%",
		weight 	 	: 1000,
		colNames 	: myColNames,
		colModel 	: myDataModel,
		rowList 	: [5,10,15,20,25],
		rowNum 		: 15, 
		pager 		: paginador,
		viewrecords : true,
		multiselect : true,			
		subGrid    	: false,
		footerrow  	: false,
		loadComplete :
           function (data) {}
	});
}

function validacionForm(operacion){
	
	var formulario = document.getElementById('formParametroList');
	if(operacion == 'crear'){
		
		formulario.action = rutaContexto+'/mantenimientoParametro.do?method=verFormulario';
		formulario.submit();
		
	}else if(operacion == 'editar'){
		
		var selecciones = buscarSelecciones('listPlazos');
		if (selecciones.length == 0){
			alert ("No ha seleccionado ningún elemento para la edición");
			return false;
		}else {
			
			// Cuando se splitea como al inicio la cadena comienza con '**' agregara al length un elemento vacio mas
			var arrayCod = selecciones.split('**');
			if(arrayCod.length > 2){
				alert ("Solo se debe seleccionar un registro para la edición");
				return false;
			}		
		}
		
		formulario.action = rutaContexto+'/mantenimientoParametro.do?method=verFormulario&codigo='+selecciones;
		formulario.submit();
		
	}else if(operacion == 'eliminar'){
		
		var selecciones = buscarSelecciones('listPlazos');
		if (selecciones.length == 0){
			alert ("No ha seleccionado ningún elemento para la eliminación");
			return false;
		}		
		
		var ans = confirm('¿Esta seguro que desea eliminar los registros seleccionados?');
		if(ans){
			
			formulario.seleccionados.value = selecciones;
			formulario.action = rutaContexto+'/mantenimientoParametro.do?method=eliminar';
			formulario.submit();
		}			
	}else{
		
		formulario.action = rutaContexto+'/adminForm.do?method=verMantenimiento';
		formulario.submit();
	}
}

</script>
</head>
<body onload="consultar()">

<html:form method="post" action="mantenimientoParametro.do?method=verListado" styleId="formParametroList">
<html:hidden property="seleccionados" styleId="seleccionados"/>

	<div style="background-color: #0066bb;">
		<font face="Arial Narrow" size=3 color="#FFFFFF"><b>&nbsp;<bean:message key="etiqueta.titleManteParam"/></b></font>
	</div>

<center>
<%
	Object messageError = request.getAttribute("messageError");
	if(messageError != null){
		if(messageError instanceof List){
			
			List listMsg = (List)messageError;
			if(!listMsg.isEmpty()){%>
				
				<div class="error">
					<% 
					for(int i = 0; i < listMsg.size(); i++){%>
						<img alt="" src="images/icono_error.png" width="17px" height="17px" class="icon">
			    		<%=listMsg.get(i)%><br/>
					<%}
					%>	
				</div>
			<%}			
			
		}else{
			if(!"".equals(messageError)){%>
				
				<div class="error">
			    	<img alt="" src="images/icono_error.png" width="17px" height="17px" class="icon">
			    	<%=messageError%><br/>
			    </div>				
			<%}
		}
	}
%>
	

<%
	Object messageInfo = request.getAttribute("messageInfo");
	if(messageInfo != null){
		if(messageInfo instanceof List){
			
			List listMsg = (List)messageInfo;
			if(!listMsg.isEmpty()){%>
				
				<div class="message">
					<% 
					for(int i = 0; i < listMsg.size(); i++){%>
						<img alt="" src="images/information-icon.png" width="17px" height="17px" class="icon">
			    		<%=listMsg.get(i)%><br/>
					<%}
					%>	
				</div>
			<%}			
			
		}else{
			if(!"".equals(messageInfo)){%>
				
				<div class="message">
			    	<img alt="" src="images/information-icon.png" width="17px" height="17px" class="icon">
			    	<%=messageInfo%><br/>
			    </div>				
			<%}
		}
	}
%>
</center>

	<div class="cabeceraCliente2" >
	<bean:message key="etiqueta.titleManteParam"/>
	</div>
	<p></p>
	
	<table align="center">
	<tr>
	
	<td align="right" valign="middle">
	<bean:message key="etiqueta.tipoparametro"/> :
	</td>
	
	<td align="left" valign="middle">
	<html:select name="ParametroForm" property="codTipoParametroPadre" styleId="codTipoParametroPadre" onchange="consultar();">
	        
        <%
        	if(request.getAttribute("listTiposParametro")!=null){
            	List<TipoParametro> listTiposParametro = (List<TipoParametro>)request.getAttribute("listTiposParametro");
            	for(int i=0; i < listTiposParametro.size(); i++){
            		TipoParametro bean = listTiposParametro.get(i);
        %>
        <html:option value="<%=bean.getCodTipoParametro()%>"><%=bean.getDesTipoParametro()%></html:option>
        <%
        		}
            }
        %>
        
    </html:select>
	</td>
	
	</tr>
	</table><br/>
	
	<table width="100%">
		<tr>
		<td align="center" valign="middle">
			
			<%--
			<html:button property="btnCrear" value="Crear" onclick="validacionForm('crear')" />&nbsp;&nbsp;
			<html:button property="btnEditar" value="Editar" onclick="validacionForm('editar')" />&nbsp;&nbsp;
			<html:button property="btnEliminar" value="Eliminar" onclick="validacionForm('eliminar')" />
			 --%>
			
			<a href="#" onclick="validacionForm('crear');" class="buttonOHC">CREAR</a>&nbsp;&nbsp;
			<a href="#" onclick="validacionForm('editar');" class="buttonOHC">EDITAR</a>&nbsp;&nbsp;
			<a href="#" onclick="validacionForm('eliminar');" class="buttonOHC">ELIMINAR</a>&nbsp;&nbsp;
			<a href="#" onclick="validacionForm('cancelar');" class="buttonOHC">CANCELAR</a>
			
		</td>
		</tr>
	</table>
	<p></p>

	<center>
	<table id="listPlazos" class="grid">
	</table>
	</center>
	

</html:form>
</body>
</html>